<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="30days.js"></script>
	<title>the obligatory slider</title>
</head>
<body>
	<h1>the obligatory slider</h1>
	<div class="slider">
		<ul>
			<li><img src="img/img1.gif" alt="image"></li>
			<li><img src="img/img2.gif" alt="image"></li>
			<li><img src="img/img3.gif" alt="image"></li>
			<li><img src="img/img4.gif" alt="image"></li>
			<li><img src="img/img1.gif" alt="image"></li>
			<li><img src="img/img2.gif" alt="image"></li>
			<li><img src="img/img3.gif" alt="image"></li>
			<li><img src="img/img4.gif" alt="image"></li>
		</ul>
	</div>
	
	<div id="slider-nav">
		<button data-dir="prev">Previous</button>
		<button data-dir="next">Next</button>	
	</div>
	
</body>
</html>